<template>
    <!-- 顶部导航栏 -->
  <div id="sticky-header" class="menu-area">
    <div class="container custom-container">
        <div class="row">
            <div class="col-12">
                <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
                <div class="menu-wrap">
                    <nav class="menu-nav">
                        <div class="logo d-block d-lg-none">
                            <a href="index.html"><img src="img/logo/logo.png" alt=""></a>
                        </div>
                       <categoryList></categoryList>
                       <navigation></navigation>
                        <super_store ></super_store>
                    </nav>
                </div>
                <!-- Mobile Menu  -->
                <div class="mobile-menu">
                    <nav class="menu-box">
                        <div class="close-btn"><i class="fas fa-times"></i></div>
                        <div class="nav-logo"><a href="index.html"><img src="img/logo/logo.png" alt="" title=""></a>
                        </div>
                        <div class="menu-outer">
                            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                        </div>
                        <div class="social-links">
                            <ul class="clearfix">
                                <li><a href="javascript:;"><span class="fab fa-twitter"></span></a></li>
                                <li><a href="javascript:;"><span class="fab fa-facebook-f"></span></a></li>
                                <li><a href="javascript:;"><span class="fab fa-pinterest-p"></span></a></li>
                                <li><a href="javascript:;"><span class="fab fa-instagram"></span></a></li>
                                <li><a href="javascript:;"><span class="fab fa-youtube"></span></a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <div class="menu-backdrop"></div>
                <!-- End Mobile Menu -->
            </div>
        </div>
    </div>
</div>
</template>

<script>


import categoryList from './categoryList.vue'
import navigation from './navigation.vue'
import super_store from './super-store.vue'
export default {
    components:{
        categoryList,
        navigation,
        super_store,
    }
}
</script>

<style>

</style>